﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <!-- 微信浏览器更新代码 -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>闪电极送</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/sd_buy.css">
    <link rel="stylesheet" href="../css/sd_deliver.css">
    <link rel="stylesheet" href="../css/libs/iconfont.css">
    <link rel="stylesheet" href="../css/libs/weui.min.css">
    <link rel="stylesheet" href="../css/libs/jquery-weui.min.css">

</head>

<body class="sd_buy" style="visibility: hidden;">
    <header class="sd_nav flex_row">
        <a class="price_regular" href="../html/sd_price.html">计价规则<i class="iconfont icon-more"></i></a>
        <h2>闪电取</h2>
        <div id="open_center"><i class="iconfont icon-account"></i></div>
    </header>
    <section>
        <form action="" method="post" id="register"></form>
        <div class="buy_input flex_row">
            <div class="item_left flex_row buy_change">
                <i class="iconfont icon-beizhu"></i>
                <div class="name">备注</div>
            </div>
            <span class="g_line"></span>
            <textarea name="" id="product_mes" rows="3" placeholder="请输入备注信息……"></textarea>
            <div class="limit_input"><span class="limit_left">0</span>/<span class="limit_right">40</span></div>
        </div>
    </section>
    <section class="buy_address">
        <address class="item_input flex_row">
				<div class="item_left flex_row">
					<i class="iconfont icon-dizhi"></i>
					<div class="name">详细地址</div>		
				</div>
				<span class="g_line"></span>
				<div class="item_right flex_row flex_between" >
						<div class="address"><a id="detail_address" href="../html/sd_address.html?type=2"></a></div>
						<i class="iconfont icon-more more"></i>
				</div>
			</address>
    </section>

    <section class="sp_need">
        <div class="item_input flex_row flex_between">
            <div class="item_left flex_row">
                <i class="iconfont icon-dengpao"></i>
                <div class="name">特殊要求</div>
            </div>
            <div class="item_right flex_row flex_end">
                <div class="ui_checkbox">
                    <input class="" type="checkbox" id="fragile">
                    <label for="fragile"><i class="iconfont icon-gou"></i><span>易碎物品</span></label>
                </div>
                <div class="ui_checkbox">
                    <input class="" type="checkbox" id="keep_warm">
                    <label for="keep_warm"><i class="iconfont icon-gou"></i><span>配备保温箱</span></label>
                </div>
                <div class="ui_checkbox">
                    <div id="keep_price" class="flex1">
                        <i class="iconfont icon-gou"></i>
                        <span class="kprice_num">保价</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="item_input flex_row">
            <div class="item_left flex_row">
                <i class="iconfont icon-wupin"></i>
                <div class="name">物品类型</div>
            </div>
            <div class="item_right flex_row flex_between">
                <div id="item_type"></div>
                <i class="iconfont icon-more more"></i>
            </div>
        </div>
    </section>
    <section>
        <div class="item_input flex_row">
            <div class="item_left flex_row">
                <i class="iconfont icon-dianhua"></i>
                <div class="name">联系电话</div>
            </div>
            <div class="item_right flex_row">
                <input id="user_tel" type="tel" name="user_tel">
            </div>
        </div>
    </section>
    <section>
        <div class="item_input flex_row">
            <div class="item_left flex_row">
                <i class="iconfont icon-icon"></i>
                <div class="name">取货时间</div>
            </div>
            <div class="item_right flex_row flex_between">
                <div id="select_time">立即前往</div>
                <i class="iconfont icon-more more"></i>
            </div>
        </div>
    </section>
    <section>
        <button type="button" class="form_submit">下一步</button>
        <div class="price_rule flex_row flex_center">
            <a href="javascript:;" class="open-popup" data-target="#popup">
                <i class="iconfont icon-information"></i>
                <span>价格明细</span>
            </a>
        </div>
    </section>
    <div class="mask">
        <div class="bg"></div>
        <!-- 个人中心 -->
        <div id="user_center" class="flex_column">
            <header class="header">
                <i class="iconfont icon-gerenzhongxin"></i>
                <p id="get_phone">150*****5765</p>
            </header>
            <div class="flex_column main">
                <a href="../html/recharge.html"><i class="iconfont icon-chongzhi-"></i>充值</a>
                <a href="javascript:;" id="get_balance"><i class="iconfont icon-chongzhi"></i>余额<b id="balance_money"></b></a>
                <a href="../html/coupon.html"><i class="iconfont icon-iconfontquan"></i>优惠券<b id="coupon_num"></b></a>
                <a href="../html/my_order.html"><i class="iconfont icon-dingdan"></i>我的订单</a>
            </div>
            <footer>
                <span id="quit"><i class="iconfont icon-tuichu"></i></span>
            </footer>
        </div>
        <!-- 物品类型 -->
        <div class="itemtype_box flex_column">
            <header class="flex_row flex_center tit">
                <i class="iconfont icon-wupin"></i>
                <div class="name">请选择物品类型</div>
            </header>
            <ul class="type">
                <li class="flex_row">
                    <div class="name select">普通</div>
                    <div class="name">美食</div>
                    <div class="name">文件证件</div>
                </li>
                <li class="flex_row">
                    <div class="name">衣物</div>
                    <div class="name">易碎</div>
                    <div class="name">贵重物品</div>
                </li>
                <li class="flex_row">
                    <div class="name">蛋糕</div>
                    <div class="name">鲜花</div>
                    <div class="name">其他</div>
                </li>
                <li class="flex_row">
                    <div class="name">数码电子</div>
                </li>
            </ul>
            <footer class="flex_row flex_between">
                <button class="cancel">取消</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>
        <div class="time_box flex_column">
            <div>
                <header class="flex_row flex_center tit">
                    <i class="iconfont icon-icon"></i>
                    <div class="name">请选择时间</div>
                </header>
                <div class="flex_row time_body">
                    <div class="time_choose"></div>
                    <div id="time_day">
                        <ul>
                            <li class="li_select">今天</li>
                            <li>明天</li>
                            <li>后天</li>
                            <li></li>
                        </ul>
                    </div>
                    <div id="time_hour">
                        <ul>
                            <li class="li_select start">00</li>
                            <li>01</li>
                            <li>02</li>
                            <li>03</li>
                            <li>04</li>
                            <li>05</li>
                            <li>06</li>
                            <li>07</li>
                            <li>08</li>
                            <li>09</li>
                            <li>10</li>
                            <li>11</li>
                            <li>12</li>
                            <li>13</li>
                            <li>14</li>
                            <li>15</li>
                            <li>16</li>
                            <li>17</li>
                            <li>18</li>
                            <li>19</li>
                            <li>20</li>
                            <li>21</li>
                            <li>22</li>
                            <li>23</li>
                            <li></li>
                        </ul>
                    </div>
                    <div id="time_minute">
                        <ul>
                            <li class="li_select">00</li>
                            <li>05</li>
                            <li>10</li>
                            <li>15</li>
                            <li>20</li>
                            <li>25</li>
                            <li>30</li>
                            <li>35</li>
                            <li>40</li>
                            <li>45</li>
                            <li>50</li>
                            <li>55</li>
                            <li></li>
                        </ul>
                    </div>
                </div>
                <footer class="flex_row flex_between">
                    <button class="cancel">立即前往</button>
                    <span class="g_line"></span>
                    <button class="confirm">确定</button>
                </footer>
            </div>
        </div>
        <!-- 保价 -->
        <div class="keep_price_box flex_column">
            <header class="flex_column flex_center tit">
                <i class="iconfont icon-price"></i>
                <div class="name">请选择保价金额</div>
            </header>
            <div class="flex_row keepp_body">
                <div class="keepp_choose"></div>
                <div id="keep_num">
                    <ul>
                        <li class="li_select">
                            <p>不保价</p>
                            <p>最高可赔付30元赔付</p>
                        </li>
                        <li>
                            <p>保价3元</p>
                            <p>最高可赔付300元赔付</p>
                        </li>
                        <li>
                            <p>保价5元</p>
                            <p>最高可赔付500元赔付</p>
                        </li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <footer class="flex_row flex_between">
                <button class="cancel">取消</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>
    </div>
    <!-- Jquery weui popup 6.23-->
    <div id="popup" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal popup_bg">
            <div class="close-popup close_md">返回订单</div>
            <div class="money_detail"></div>
        </div>
    </div>
</body>
<script src="../js/libs/jquery-1.10.1.min.js"></script>
<script src="../js/libs/rem.js"></script>
<script src="../js/libs/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/sd_deliver.js"></script>
<script src="../js/sd_common.js"></script>
<script>
    //声明类型
    var flag = "2";
</script>

</html>